<!doctype html>
<html>
<head>
<title>飞拓无限微信</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" type="text/css" href="css/feituowx.css"/>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="js/daohangjs.js"></script>
<script type="text/javascript" src="js/links.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>
<style type="text/css" media="all">
#wrapper { width: 100%; height: auto; float: left; position: relative; z-index: 1; overflow: hidden; }
#scroller { width: 400%; height: auto; float: left; padding: 0; }
#scroller ul { list-style: none; display: block; float: left; width: 100%; height: auto; padding: 0; margin: 0; text-align: left; }
#scroller li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; float: left; width: 25%; height: auto; text-align: center; }
#nav {width: auto; z-index: 100; position: absolute; height: 5px; bottom: 15px; opacity:0;}
#indicator, #indicator > li { display: block; float: left; list-style: none; padding: 0; margin: 0; }
#indicator { width: 90px; padding: 0px; }
#indicator > li { text-indent: -9999em; width: 12px; height: 12px; background-color:#FFF; margin-right: 10px; border-radius:12px;}
#indicator > li.active { width: 12px; height: 12px; background-color:#9C68E3; border-radius:12px;}
#indicator > li:last-child { margin-right: 0px; }
#indicator > li:first-child { margin-left: 10px; }
</style>
<script type="text/javascript">
	var jishu=0;
	var myScroll;
	function loaded(){
		myScroll = new iScroll('wrapper', {
			snap: true,
			momentum: false,
			hScrollbar: false,
			onScrollEnd: function () {
				document.querySelector('#indicator > li.active').className = '';
				document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
				jishu=this.currPageX;	
		}
	});
	/*var autoPlay=setInterval(function(){
			myScroll.scrollToPage(jishu,0,200);
			jishu=myScroll.currPageX+1;
			if(jishu==4){
					jishu=0;
			};
		},3000);	 */	
	}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>

<body>
<div class="dianhuatanchuceng" style="display:none;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" id="dianhuatd" valign="middle">
            <div id="dianhuadiv" style="background-image:url(images/dianhuabj.png); background-size:100% 100%;">
                <div id="bodakuang" style="position:absolute;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="50%" align="left" style="padding-right:1px"><a href="tel:01065176868"><img src="images/bodayes.jpg" width="100%"/></a></td>
                        <td width="50%" align="left" style="padding-left:1px;"><img src="images/bodano.jpg" width="100%" id="dianhuaguanbi" /></td>
                      </tr>
                    </table>
                </div>
            </div>
        </td>
      </tr>
    </table>
</div>
<div class="feituowxbody">
  <video src="images/sanxing.mp4"  id="vid1" controls autoplay  style="position: absolute; z-index:100;  left: 0px; display:none" name="vid1">
     <source src="images/sanxing.mp4"></source>
  </video>
  <video src="images/dongfengbz.mp4"  id="vid2" controls autoplay style="position: absolute; z-index:100; left: 0px; display:none" name="vid2">
     <source src="images/dongfengbz.mp4"></source>
  </video>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="center" valign="top">
      	<div id="wrapper">
          <div id="scroller">
            <ul id="thelist">
              <li class="likuan"><a href="#" onClick="bofangshipin(1)" title='OK'><img src="images/jiaodt1.jpg" width="100%" /></a></li>
              <li class="likuan"><a href="#" onClick="bofangshipin(2)" title='OK'><img src="images/jiaodt2.jpg" width="100%" /></a></li>
              <li class="likuan"><img src="images/jiaodt3.jpg" width="100%" /></li>
              <li class="likuan"><img src="images/jiaodt4.jpg" width="100%" /></li>
            </ul>
          </div>
          <div id="nav">
            <ul id="indicator">
              <li class="active"></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </div>
        </div>
        
        <!--<img src="images/jiaodt1.jpg" width="100%" />--></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="33.28125%"><a href="gongsidongtai.html"><img src="images/gsdtbtn.jpg" width="100%" /></a></td>
      <td width="33.4375%"><a href="feituokehu.html"><img src="images/fwkhbtn.jpg" width="100%" /></a></td>
      <td width="33.28125%"><a href="jiechuchengjiu.html"><img src="images/jccjbtn.jpg" width="100%" /></a></td>
    </tr>
    <tr>
      <td width="33.28125%"><img src="images/ywzxbtn.jpg" id="yewuzixunbtn" width="100%" /></td>
      <td colspan="2"><a href="gyro.html"><img src="images/360btn.jpg" width="100%" /></a></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="center" valign="top" id="zhanweigao"><img src="images/shousanjiao.png" id="shousanjiao" width="21.875%" style="position:absolute; margin-top:-2px;" /></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="50%"><a href="feituoziyuan.html"><img src="images/ftzybtn.jpg" width="100%" /></a></td>
      <td width="50%"><a href="lml_productOrder.html"><img src="images/shtdbtn.jpg" width="100%" /></a></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:0px;">
    <tr>
      <td align="center"><a href="feituozhaopin.html"><img src="images/ftzp1.jpg" width="100%" /></a></td>
    </tr>
    <tr>
      <td align="center"><a href="http://e.weibo.com/fractalist"><img src="images/ftzp2.jpg" width="100%" /></a></td>
    </tr>
    <tr>
      <td align="center"><a href="feituozhaopin.html"><img src="images/ftzp3.jpg" width="100%" /></a></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="50%"><a href="http://ft.moad.cn/moad/PeugeotGame/indexwxft.aspx"><img src="images/ppkbtn.jpg" width="100%" /></a></td>
      <td width="50%"><a href="caca.html"><img src="images/cckbtn.jpg" width="100%" /></a></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="center" valign="top" height="44"></td>
    </tr>
  </table>
  <div class="bottomdaoh">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="33%" align="center" height="44">
          <div class="bottomdiv" id="feituojianjiebtn" ontouchstart="daoHang('feituojianjiebtn')">飞拓简介</div>
          </td>
        <td width="34%" align="center">
          <div class="bottomdiv" id="chenggonganlibtn" ontouchstart="daoHang('chenggonganlibtn')">成功案例</div>
          </td>
        <td width="33%" align="center">
          <div class="bottomdiv" id="fanhuishouyebtn" ontouchstart="daoHang('fanhuishouyebtn')">返回首页</div>
          </td>
      </tr>
    </table>
  </div>
  <div class="poptip0" id="feituojianjiecaidan" style="height:122px;"> <span class="poptip1-arrow poptip1-arrow-bottom" style="left:20%"><em>◆</em><i>◆</i></span>
    <div class="daohtiaoxm" id="gongsigaikuangbtn" ontouchstart="daoHang('gongsigaikuangbtn')"> <a href="gongsigaikuang.html" class="ziti" >关于我们</a> </div>
    <div class="daohtiaoxm" style="height:2px;"> <img src="images/xiahuaxian.png" /> </div>
    <div class="daohtiaoxm" id="feituoziyuanbtn" ontouchstart="daoHang('feituoziyuanbtn')"> <a href="feituoziyuan.html" class="ziti">飞拓资源</a> </div>
    <div class="daohtiaoxm" style="height:2px;"> <img src="images/xiahuaxian.png" /> </div>
    <div class="daohtiaoxm" id="gongsidongtaibtn" ontouchstart="daoHang('gongsidongtaibtn')"> <a href="gongsidongtai.html" class="ziti">公司动态</a> </div>
  </div>
  <div class="poptip0" id="chenggonganlicaidan" style="left:33%; height:205px;"> <span class="poptip1-arrow poptip1-arrow-bottom" style="left:50%"><em>◆</em><i>◆</i></span>
    <div class="daohtiaoxm" id="kuaixiaobtn" ontouchstart="daoHang('kuaixiaobtn')"> <a href="kuaixiao.html" class="ziti">快消</a> </div>
    <div class="daohtiaoxm" style="height:2px;"> <img src="images/xiahuaxian.png" /> </div>
    <div class="daohtiaoxm" id="jinrongbtn" ontouchstart="daoHang('jinrongbtn')"> <a href="jinrong.html" class="ziti">金融</a> </div>
    <div class="daohtiaoxm" style="height:2px;"> <img src="images/xiahuaxian.png" /> </div>
    <div class="daohtiaoxm" id="qichebtn" ontouchstart="daoHang('qichebtn')"> <a href="qiche.html" class="ziti">汽车</a> </div>
    <div class="daohtiaoxm" style="height:2px;"> <img src="images/xiahuaxian.png" /> </div>
    <div class="daohtiaoxm" id="itshumabtn" ontouchstart="daoHang('itshumabtn')"> <a href="itshuma.html" class="ziti">IT数码</a> </div>
    <div class="daohtiaoxm" style="height:2px;"> <img src="images/xiahuaxian.png" /> </div>
    <div class="daohtiaoxm" id="huangzhuangpinbtn" ontouchstart="daoHang('huangzhuangpinbtn')"> <a href="huazhuangpin.html" class="ziti">化妆品</a> </div>
  </div>
</div>
<script type="text/javascript">
  	var pingKuan;
	function quanBujs(){
		pingKuan=$(".feituowxbody").width();
		pingGao=$(".feituowxbody").height();
		$(".dianhuatanchuceng #dianhuatd").css("height",pingGao+"px");
		$("#dianhuadiv").css("width",Math.ceil(pingKuan*0.825)+"px");
		$("#dianhuadiv").css("height",Math.ceil(pingKuan*0.7890625)+"px");
		$("#zhanweigao").css("height",Math.ceil(pingKuan*0.1125)+"px");
		$("#bodakuang").css("width",Math.ceil(pingKuan*0.825/1.375)+"px");
		$("#bodakuang").css("height",Math.ceil(pingKuan*0.7890625/6.3125)+"px");
		$("#bodakuang").css("margin-left",Math.ceil(pingKuan*0.7890625/6.3125)+"px");
		$("#bodakuang").css("margin-top",Math.ceil(pingKuan*0.7890625/1.468023)+"px");
		$("#shousanjiao").css("left",Math.ceil((pingKuan-$("#shousanjiao").width())/2)+"px");
		$("#nav").css("left",Math.ceil((pingKuan-$("#nav").width())/2)+"px");
		$("#nav").css("opacity",1);
		$("#dianhuaguanbi").click(function(){
			$(".dianhuatanchuceng").hide();
		});
		$("#yewuzixunbtn").click(function(){
			$(".dianhuatanchuceng").show();
		});  
	};
	window.onload=function(){
		setTimeout(function(){quanBujs();},100);
	}
	
	
	function hengshuping(){
	   if(window.orientation==180||window.orientation==0){
			 quanBujs();
	    }
	   if(window.orientation==90||window.orientation==-90){
		  	quanBujs();
	   }
	}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false); 
window.addEventListener('load',hengshuping, false);
	
</script>
<script type="text/javascript">
   function bofangshipin(Num){
	  var u=navigator.userAgent;
	  if(u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1){
		   $("#vid"+Num).css("width","100%");
		   document.getElementById('vid'+Num).style.display='block';
		   document.getElementById('vid'+Num).play();
	   }else{
		   $("#vid"+Num).css("width","100%");
		   document.getElementById('vid'+Num).style.display='block';
		   setTimeout(function(){document.getElementById('vid'+Num).play();},1000);
	     }
	   
	   }
	    document.getElementById('vid'+1).addEventListener("ended", end_playing,false);
		document.getElementById('vid'+1).addEventListener("pause", end_playing,false);
		document.getElementById('vid'+2).addEventListener("ended", end_playing,false);
		document.getElementById('vid'+2).addEventListener("pause", end_playing,false);
    function end_playing(){
	    document.getElementById('vid'+1).style.display='none';
		document.getElementById('vid'+2).style.display='none';
		$("#vid"+1).css("width","0%");
		$("#vid"+2).css("width","0%");
	 }	   
</script>
</body>
</html>
